<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>中文实时转写</title>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}">
    <link rel="stylesheet" th:href="@{/bootstrap/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/bootstrap/bootstrapValidator.min.css}">
    <link rel="stylesheet" th:href="@{/swiper/css/animate.min.css}">
    <link rel="stylesheet" th:href="@{/swiper/css/swiper.min.css}">
    <link rel="stylesheet" th:href="@{/font/iconfont.css}">
    <link rel="stylesheet" th:href="@{/css/all.css}">
    <link rel="stylesheet" th:href="@{/css/head-foot.css}">
    <link rel="stylesheet" th:href="@{/css/zwsszx.css}">
    <style>
        .ast-temp {
            color: RGB(68,114,196);
        }
    </style>
</head>

<body>
<div class="main">
    <div class="login" id="login" style="display: none;">
        <div class="login_bg">
            <div class="login_close" onclick="loginClose()"><i class="iconfont">&#xe62c;</i></div>
            <div class="login_title">身份验证登录</div>
            <div class="login_con">
                <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                    <ul class="layui-tab-title">
                        <li class="layui-this">
                            <span>用户登录</span>
                        </li>
                        <li>
                            <span>证书登录</span>
                        </li>
                    </ul>
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show">
                            <div class="username" style="margin:1rem 0 1.5rem;">
                                <img th:src="@{/img/username.png}" alt="">
                                <input type="text" name="" placeholder="请输入用户名">
                            </div>
                            <div class="username password">
                                <img th:src="@{/img/password.png}" alt="">
                                <input type="password" name=""  placeholder="请输入密码">
                            </div>
                            <p class="forget_pass">忘记密码</p>
                            <div class="login_btn" onclick="login()">登录</div>
                        </div>
                        <div class="layui-tab-item ">
                            <div class="ukeylogin"><img th:src="@{/img/ukeylogin.png}" alt=""></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 头部 -->
    <div class="head">
        <div class="head_logo">
            <img class="logo" th:src="@{/img/logo.png}" alt="">
            <img class="logo_lanhai" th:src="@{/img/logo_lanhai.png}" alt="">
        </div>
        <div class="head_title">人工智能中台</div>
        <!-- 导航栏 -->
        <div class="head_nav">
            <ul class="layui-nav">
                <li class="layui-nav-item"> <a href="./home.html">首页</a> </li>
                <li class="layui-nav-item">
                    <a href="">AI能力</a>
                    <div class="layui-nav-child ainl">
                        <div class="ainl_sanjiao"></div>
                        <div>
                            <div class="yysb_ai">
                                <div><img th:src="@{/img/yysb_ai.png}" alt="">语音识别</div>
                                <div>
                                    <p><a href="./zwsszx.html">中文实时转写</a></p>
                                    <p><a href="">中文离线转写</a></p>
                                    <p><a href="">语音预处理</a></p>
                                    <p><a href="">文本相似度检测</a></p>
                                    <p><a href="">语音合成</a></p>
                                </div>
                            </div>
                            <div class="yysb_ai">
                                <div><img th:src="@{/img/zwsb_ai.png}" alt="">文字识别</div>
                                <div>
                                    <p><a href="">通用文字识别</a></p>
                                </div>
                            </div>
                            <div class="yysb_ai">
                                <div><img th:src="@{/img/zryycl_ai.png}" alt="">自然语言处理</div>
                                <div>
                                    <p><a href="">语义解析</a></p>
                                    <p><a href="">中文分词</a></p>
                                    <p><a href="">文本意图分类</a></p>
                                    <p><a href="">命名实体识别</a></p>
                                    <p><a href="">文本要素抽取</a></p>
                                </div>
                            </div>
                            <div class="yysb_ai">
                                <div><img th:src="@{/img/txsb_ai.png}" alt="">图像识别</div>
                                <div>
                                    <p><a href="">人脸识别</a></p>
                                    <p><a href="">车辆识别</a></p>
                                </div>
                            </div>
                            <div class="yysb_ai">
                                <div><img th:src="@{/img/fzjc_ai.png}" alt="">辅助决策</div>
                                <div>
                                    <p><a href="">知识图谱</a></p>
                                    <p><a href="">知识推理</a></p>
                                </div>
                            </div>
                            <div class="yysb_ai">
                                <div><img th:src="@{/img/sfmx_ai.png}" alt="">算法模型</div>
                                <div>
                                    <p><a href="">标准模型</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="layui-nav-item"><a href="">数据能力</a></li>
                <li class="layui-nav-item">
                    <a href="javascript:;">最新动态</a>
                    <dl class="layui-nav-child zxdt">
                        <div class="zxdt_sanjiao"></div>
                        <dd><a href="./tzgg.html">通知公告</a></dd>
                        <dd><a href="./jsfx.html">技术分享</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <!-- /导航栏 -->
        <div class="head_search">
            <div>
                <input class="searchkey" type="search" placeholder="请输入关键词">
                <img class="search_btn" th:src="@{/img/search_btn.png}" alt="">
                <!-- <img class="yuyin_btn" src="../img/yuyin_btn.png}" alt=""> -->
            </div>
        </div>
        <div class="head_btn">
            <span onclick="loginBtn()">登录</span>
            <!-- <span>申请</span> -->
        </div>
    </div>
    <!-- /头部 -->
    <!-- 内容 -->
    <div class="content">
        <!-- 内容简介 -->
        <div class="content_first">
            <div class="content_first_con">
                <p>中文实时转写</p>
                <p>将语音转写成文字 让您的应用听懂人类语言</p>
                <p>
                    <span>接入使用</span>
                    <span onclick="abilityExperience()">能力体验</span>
                </p>
            </div>
            <div class="content_first_bot">
                <div>
                    <div>
                        <img th:src="@{/img/sbzql.png}" alt="">
                        识别准确率高
                    </div>
                    <div class="sbzql">识别准确率高达98%以上，节省文字修正时间</div>
                </div>
                <div>
                    <div>
                        <img th:src="@{/img/zxsd.png}" alt="">
                        转写速度快
                    </div>
                    <div class="zxsd">
                        <p>10秒音频1秒内出稿，支持多路并发，每路每秒可以</p>
                        <p>处理超过10秒长的音频</p>
                    </div>
                </div>
                <div>
                    <div>
                        <img th:src="@{/img/sycj.png}" alt="">
                        使用场景广
                    </div>
                    <div class="sycj">
                        <p>支持多种业务领域，例如笔录、会议、执勤等</p>
                        <p>支持近远场语音，近场和远场识别都能实时识别</p>
                        <p>支持多种收音设备，例如安卓和苹果手机、各类麦克风、以及电话</p>
                    </div>
                </div>

            </div>
        </div>
        <!-- 内容简介 -->
        <!-- 能力体验 -->
        <div class="nlty" id="nlty">
            <div class="nlty_title">
                <p>能力体验</p>
                <p><span>Ability Experience</span></p>
                <hr>
            </div>
            <div class="nlty_con">
                <div>
                    <div class="nlty_left">
                        <p>语种：中文普通话</p>
                        <p class="nlty_ht" id="nlty_ht">
                            <img id="nlty_mkf" th:src="@{/img/nlty_ht.png}" alt="">
                        </p>
                        <div class="nlty_sb" id="nlty_sb">
                            <span id="nlty_sbanimate"></span>
                            <span><span id="nlty_sbtime">01:00</span></span>
                        </div>
                        <div class="nlty_start"  onclick="startRecording()">开始识别</div>
                        <div class="nlty_desc">
                            <p>点击“开始识别”开始录音，请对我讲你想说的话，我可以识别你说的内容哦~</p>
                            <p>请允许浏览器获取麦克风权限</p>
                        </div>
                    </div>
                    <div class="nlty_right">
                        <p>转写结果</p>
                        <p id= "showText"></p>
                    </div>
                </div>
            </div>
        </div>
        <!-- /能力体验 -->
        <!-- 应用场景 -->
        <div class="yycj">
            <div class="nlty_title">
                <p>应用场景</p>
                <p><span>Application Scenarios</span></p>
                <hr>
            </div>
            <div class="yycj_con">
                <div>
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img th:src="@{/img/yycj_item1.png}" alt="">
                                <div class="yycj_item_con">
                                    <p>语音会议</p>
                                    <p>将会议交流的声音，自动转换成会议纪要内容存档。</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <img th:src="@{/img/yycj_item2.png}" alt="">
                                <div class="yycj_item_con">
                                    <p>语音文字输入</p>
                                    <p>将想输入的文字，通过语音说出来，高效转换成文字。</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <img th:src="@{/img/yycj_item3.png}" alt="">
                                <div class="yycj_item_con">
                                    <p>语音指令</p>
                                    <p>在执勤、巡查等场景中，通过语音指令完成作业，释放双手。</p>
                                </div>
                            </div>
                        </div>
                        <!-- <div class="swiper-button-prev">
                          <img th:src="@{img/swiper_prev.png}" alt="">
                        </div>
                        <div class="swiper-button-next">
                          <img th:src="@{img/swiper_next.png}" alt="">
                        </div> -->
                    </div>
                </div>
            </div>
        </div>
        <!-- /应用场景 -->
        <!-- 服务应用 -->
        <div class="fwyy">
            <div class="nlty_title">
                <p>服务应用</p>
                <p><span>Service Application</span></p>
                <hr>
            </div>
            <div class="fwyy_content">
                <div>
                    <div class="swiper-container1">
                        <div class="swiper-wrapper" style="height:98%">
                            <div class="swiper-slide fwyy_item fwyy_first">
                                <!-- 服务应用上 -->
                                <div>
                                    <div class="lctApp_left">
                                        <img th:src="@{/img/lctApp.png}" alt="">
                                    </div>
                                    <div class="lctApp_right">
                                        <p>实时语音转写</p>
                                        <div>
                                            <p>场景分类：视频会议&电话会议、笔录</p>
                                            <p class="cjms"><span>场景描述：</span><span>将会议，笔录中的发言内容实时识别为文字，防止错过重要会议内容，提高会议效率。</span>
                                            </p>
                                            <p>使用单位：指挥中心</p>
                                            <p>负责人：曾诚</p>
                                        </div>
                                    </div>
                                </div>
                                <!-- /服务应用上 -->
                                <!-- 服务应用下 -->
                                <div class="fwyy_bottom">
                                    <p>调用次数</p>
                                    <div>
                                        <div>
                                            <p>213次</p>
                                            <p>日均</p>
                                        </div>
                                        <div>
                                            <p>3212次</p>
                                            <p>月均</p>
                                        </div>
                                        <div>
                                            <p>20.3万次</p>
                                            <p>总数</p>
                                        </div>
                                    </div>
                                </div>
                                <!-- /服务应用下 -->
                            </div>
                            <div class="swiper-slide fwyy_item fwyy_first">
                                <!-- 服务应用上 -->
                                <div>
                                    <div class="lctApp_left">
                                        <img th:src="@{/img/lctApp.png}" alt="">
                                    </div>
                                    <div class="lctApp_right">
                                        <p>离线语音合成</p>
                                        <div>
                                            <p>场景分类：人机交互、提示播报</p>
                                            <p class="cjms"><span>场景描述：</span><span>您只需要提交个性化发音人的语料，后续所有工作由系统自动完成，轻松制出个性化的发音人。</span>
                                            </p>
                                            <p>使用单位：法制大队</p>
                                            <p>负责人：沈林</p>
                                        </div>
                                    </div>
                                </div>
                                <!-- /服务应用上 -->
                                <!-- 服务应用下 -->
                                <div class="fwyy_bottom">
                                    <p>调用次数</p>
                                    <div>
                                        <div>
                                            <p>253次</p>
                                            <p>日均</p>
                                        </div>
                                        <div>
                                            <p>5502次</p>
                                            <p>月均</p>
                                        </div>
                                        <div>
                                            <p>45.3万次</p>
                                            <p>总数</p>
                                        </div>
                                    </div>
                                </div>
                                <!-- /服务应用下 -->
                            </div>
                            <div class="swiper-slide fwyy_item">
                                <!-- 服务应用上 -->
                                <div>
                                    <div class="lctApp_left">
                                        <img th:src="@{/img/lctApp.png}" alt="">
                                    </div>
                                    <div class="lctApp_right">
                                        <p>鹿城通APP身份识别</p>
                                        <div>
                                            <p>场景分类：技战法、模型</p>
                                            <p class="cjms"><span>场景描述：</span><span>用于用户在使用身份证查询信息时，可以通过拍摄并识别身份证的方法快速获取身份证号码等信息。</span>
                                            </p>
                                            <p>使用单位：鹿城派出所</p>
                                            <p>负责人：马俊</p>
                                        </div>
                                    </div>
                                </div>
                                <!-- /服务应用上 -->
                                <!-- 服务应用下 -->
                                <div class="fwyy_bottom">
                                    <p>调用次数</p>
                                    <div>
                                        <div>
                                            <p>103次</p>
                                            <p>日均</p>
                                        </div>
                                        <div>
                                            <p>2902次</p>
                                            <p>月均</p>
                                        </div>
                                        <div>
                                            <p>15.3万次</p>
                                            <p>总数</p>
                                        </div>
                                    </div>
                                </div>
                                <!-- /服务应用下 -->
                            </div>
                        </div>
                    </div>
                    <div class="swiper-button-prev">
                        <!-- <img class="swiper_btn" src="../img/swiper_prev.png}" alt=""> -->
                        <i class="iconfont">&#xe615;</i>
                    </div>
                    <div class="swiper-button-next">
                        <!-- <img class="swiper_btn" src="../img/swiper_next.png}" alt=""> -->
                        <i class="iconfont">&#xe61a;</i>
                    </div>
                </div>
            </div>
        </div>
        <!-- /服务应用 -->
        <!-- 使用流程 -->
        <div class="sylc">
            <div class="nlty_title">
                <p>使用流程</p>
                <p><span>Service Application</span></p>
                <hr>
            </div>
            <div class="sylc_content">
                <div>
                    <div class="sylc_flex">
                        <div class="sylc_item">
                            <p><img th:src="@{/img/sqktyh.png}" alt=""></p>
                            <p>申请开通用户</p>
                            <p>线上/线下申请开通平台用户</p>
                        </div>
                        <div class="sylc_item">
                            <p><img th:src="@{/img/ktfwnl.png}" alt=""></p>
                            <p>开通服务能力</p>
                            <p>登录平台，创建应用开通AI能力</p>
                        </div>
                        <div class="sylc_item">
                            <p><img th:src="@{/img/qdykfjr.png}" alt=""></p>
                            <p>启动与开发接入</p>
                            <p class="qdykfjr_con">
                                <span>根据业务应用需求，调用已创</span><span>建应用中的API接口，依据文档</span><span>启动开发实现业务功能</span>
                            </p>
                        </div>
                    </div>
                    <div class="sylc_xuxian"></div>
                </div>
            </div>
        </div>
        <!-- 使用流程 -->
        <!-- 申请使用中文识别服务 -->
        <!-- <div class="sqsyzwsbfw"> -->
        <!--   <p>申请使用中文识别服务</p> -->
        <!--   <p>立即开通</p> -->
        <!-- </div> -->
        <!-- 申请使用中文识别服务 -->
    </div>
    <!-- /内容 -->
    <!-- 底部 -->
    <div class="foot">
        <div class="foot_con">
            <p>相关链接：<a>数据服务中台</a> | <a>算法训练平台</a></p>
            <hr />
            <p>Copyright© 2021 江苏网进科技股份有限公司</p>
        </div>
    </div>
    <!-- /底部 -->
</div>
</body>
<script th:src="@{/layui/layui.all.js}"></script>
<script th:src="@{/swiper/js/swiper.min.js}"></script>
<script th:src="@{/swiper/js/swiper.animate.min.js}"></script>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/bootstrap/bootstrap.min.js}"></script>
<script th:src="@{/bootstrap/bootstrapValidator.min.js}"></script>
<script type="text/javascript" th:src="@{/js/lottie.min.js}"></script>
<script type="text/javascript" th:src="@{/js/data.json}"></script>
<script th:src="@{/js/home.js}"></script>
<script th:src="@{/js/crypto-js-4.0.0/crypto-js.js}"></script>
<script th:src="@{/js/zwsszx.js}"></script>
<script th:src="@{/js/ast.js}"></script>
<script th:src="@{/js/HZRecorder.js}"></script>


</html>